import React from 'react';
import Svg, { Path } from 'react-native-svg';

import { Colors } from '../../styles/Colors';
import { IIconProps } from './types/Icon';

export const HelpIcon = ({ size, color }: IIconProps) => {
  return (
    <Svg
      width={size || 48}
      height={size || 48}
      fill={color || Colors.black}
      viewBox="0 0 48 48"
    >
      <Path d="m24 46.554-6-6H6v-36h36v36H30l-6 6Zm-15-9h10.2l4.8 4.8 4.8-4.8H39v-30H9v30Zm14.851-3.9c.533 0 .982-.184 1.349-.552.367-.367.55-.817.55-1.35 0-.532-.184-.982-.551-1.348a1.839 1.839 0 0 0-1.35-.55c-.533 0-.982.184-1.349.551-.367.368-.55.818-.55 1.35 0 .533.184.982.551 1.349.368.367.818.55 1.35.55Zm1.199-7.4c0-1.034.167-1.875.5-2.525.333-.65.912-1.387 1.736-2.211 1.11-1.11 1.88-2.09 2.314-2.94.433-.85.65-1.74.65-2.674 0-1.767-.567-3.167-1.7-4.2-1.133-1.034-2.659-1.55-4.576-1.55-1.729 0-3.198.408-4.409 1.225-1.21.816-2.098 1.941-2.665 3.375l2.65 1.1c.467-.933 1.07-1.642 1.81-2.125.74-.483 1.603-.725 2.59-.725 1.067 0 1.908.267 2.525.8s.925 1.268.925 2.205c0 .663-.183 1.303-.55 1.92-.367.617-.983 1.341-1.85 2.175-1.233 1.166-2.008 2.166-2.325 3-.317.833-.475 1.883-.475 3.15h2.85Z"/>
    </Svg>
  );
};
